<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<head>
		<meta content="text/html; charset=UTF-8" />
		<title>采集管理系统</title>
	</head>
	<style type="text/css">
		.table th, .table td { 
			text-align: center; 
		}
		ol.breadcrumb{
		position:relative;
		top:-20px !important
		}
	</style>
<body>
	 <div th:include="fragment/header"></div> 
	 <ol class="breadcrumb" >
    <li><a href="#">数据采集</a></li>
    <li th:if="${!isShow}"><a href="#"  >雷达任务信息</a></li>
    <li th:if="${isShow}"><a href="#"  >雷达站点信息</a></li>
<!--     <li class="active">十一月</li> -->
	</ol>
	 <input type="hidden" id="status" th:value="${statusFlog}"/>
	 <input type="hidden" id="isShow" th:value="${isShow}"/>
	<div class="container-fluid">
	 <div class="row">
	 	<div class="col-sm-12">
	  		<!-- 检索开始 -->
	  		<div class="row">
	  			<div class="col-sm-12">
		  		 	<form  class="form-inline">
					<input type="hidden" name="pageNum" id="pageNum" value="1"/>
					<input type="hidden" name="pageSize" id="pageSize" value="10"/>
	  				<div class="col-sm-4">
	  					<label class="control-label">姓名:&nbsp;&nbsp;</label>
			  			<input class="form-control" id="Name"  name="Name" value="" placeholder="姓名"/>
			  		</div>
			  		<div class="col-sm-4">
			  			<label class="control-label"> 人员ID:&nbsp;&nbsp;</label>
			  			<input class="form-control" id="infoStamp"  name="infoStamp" value="" placeholder="人员ID"/>
			  		</div>
			  		<div class="col-sm-4">
			  			<label class="control-label">站点名称:&nbsp;&nbsp;</label>
			  			<input class="form-control" id="searchTerm"  name="searchTerm" value="" placeholder="站点名称"/>
			  		</div>
					
			  		</form>
		  		</div>
 			</div>
 			<div class="row"><div class="col-sm-12">&nbsp;&nbsp;</div></div>
 			<div class="row" th:if="${isShow}">
	  			<div class="col-sm-12">
		  		 	<form  class="form-inline">
	  				<div class="col-sm-4">
	  					<label class="control-label">雷达名称:&nbsp;&nbsp;</label>
			  			<input class="form-control" id="radarName"  name="radarName" value="" placeholder="雷达名称"/>
			  		</div>
			  		<div class="col-sm-4">
					      <label class="control-label">状态:&nbsp;&nbsp;</label>
					        <select id="mStatus" class="form-control" onChange="onSelChange()">
					          <option value="" selected = "selected">全   部</option>
								<option th:each="infos:${radarStatus}"
								    th:value="${infos.dictName}"
								    th:text="${infos.dictContent}"
								   >
								</option>
					        </select>
					</div>
					
			  		
			  		</form>
		  		</div>
 			</div>
 			<div class="row" th:if="${isShow}"><div class="col-sm-12">&nbsp;&nbsp;</div></div>
 			<div class="row">
 				<div class="col-sm-12">
 					<form  class="form-inline">
	 					<div class="col-sm-4"  th:if="${isShow}">
				  			<label>采集开始时间：</label>
				  			<input class="Wdate form-control"  type="text" id="distributeTime" name="distributeTime" value="" readonly="readonly"  onfocus="var staEndTime=$dp.$('staEndTime');WdatePicker({dateFmt:'yyyy-MM-dd ',maxDate:'#F{$dp.$D(\'staEndTime\')||\'%y-%M-%d \'}'})" />
				  		</div>
						<div class="col-sm-4" th:if="${isShow}">
				  			<label>采集结束时间：</label>
				  			<input class="Wdate form-control"  type="text" id="staEndTime" name="staEndTime" value="" readonly="readonly"  onfocus="var distributeTime=$dp.$('distributeTime');WdatePicker({dateFmt:'yyyy-MM-dd ',minDate:'#F{$dp.$D(\'distributeTime\')}'!=''?'#F{$dp.$D(\'distributeTime\')}':'',maxDate:'%y-%M-%d '})" />
				  		</div>
 						
			  		</form>
 				</div>
 			</div>
 			<div class="row" th:if="${isShow}"><div class="col-sm-12">&nbsp;&nbsp;</div></div>
			  <div class="row" >
	  			<div class="col-sm-12">
		  		 	<form  class="form-inline">
			  		 	<div class="col-sm-6">
				  				<label>创建时间：</label>
				  				<input class="Wdate form-control"  type="text" id="startTime" name="startTime" value="" readonly="readonly"  onfocus="var endTime=$dp.$('endTime');WdatePicker({dateFmt:'yyyy-MM-dd ',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d \'}'})" />
				  				<label>-</label>
				  				<input class="form-control Wdate" type="text" id="endTime" name="endTime" value="" readonly="readonly"  onfocus="var startTime=$dp.$('startTime');WdatePicker({dateFmt:'yyyy-MM-dd ',minDate:'#F{$dp.$D(\'startTime\')}'!=''?'#F{$dp.$D(\'startTime\')}':'',maxDate:'%y-%M-%d '})" />
				  		</div>
				  		<div class="form-group" > 
				  			<a  href="javascript:search();"  class="btn btn-primary" style="text-decoration:none">查询</a>
				  			<a  href="javascript:stationPut();"  th:if="${!isShow}" class="btn btn-primary" style="text-decoration:none">站点分发</a>
				  		</div>
			  	</form>
		  		</div>
 			</div>
				<!-- 检索结束 -->
			 <div class="row" style="margin-top:20px">
				<div class="col-sm-12">
					<table class="table table-bordered" >
					<thead id="tablehead">
					<tr class="active">
							<th>
								序号
							</th>
							<th>
								人员ID
							</th>
							<th>
								姓名
							</th>
							<th>
								站点名称
							</th>
							<th>
								创建时间
							</th>
							<th>
								状态
							</th>
							<th>
								采集时长
							</th>
							<div th:if="${isShow}">
							<th>
								雷达名称
							</th>
							
							<th>
								采集开始时间
							</th>
							<th>
								采集结束时间
							</th>
							</div>
<!-- 							<th> -->
<!-- 								操作 -->
<!-- 							</th> -->
						</tr>
					</thead>
					<tbody id="msg"></tbody>
					</table>
					<div id="result-items" >
						<ul class="pagination" id="pagination"></ul>
					</div>
				</div>
			</div> 
	 	</div>
	 </div>
</div>

</body>

		<link th:href="@{/css/bootstrap.css}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" th:src="@{/js/util.js}"></script>
		<script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
		<script type="text/javascript" th:src="@{/js/jquery.twbsPagination.js}"></script>
		<script type="text/javascript" th:src="@{/js/jquery-dateFormat.js}"></script>
		<script type="text/javascript" th:src="@{/js/dlradarTask/dlradarTask.js}"></script>
		
</html>